import React, {Component} from 'react';
import {NavLink} from "react-router-dom";
import './TabBar.scss'
import Home_Page from '../../assets/home_page.svg'
import Find_Home from '../../assets/Find_Home.svg'
import Consult from '../../assets/Consult.svg'
import Myself from '../../assets/Myself.svg'

class TabBar extends Component {
    render() {
        return (
            <div className='tabbar'>
                    <div className='page'>
                        <NavLink className='link' to='/home/index'>
                            <img src={Home_Page} alt="index"/>
                            <span>首页</span>
                        </NavLink>
                    </div>
                    <div className='page'>
                        <NavLink className='link'  to='/home/homelist'>
                            <img src={Find_Home} alt="find_home"/>找房
                        </NavLink>
                    </div>
                    <div className='page'>
                        <NavLink className='link'  to='/home/news'>
                            <img src={Consult} alt="consult"/>
                            咨询</NavLink>
                    </div>
                    <div className='page'>
                        <NavLink className='link' to='/home/profile'>
                            <img src={Myself} alt="myself"/>
                            我的</NavLink>
                    </div>
            </div>
        );
    }
}

export default TabBar;
